<html>
<head>
<title>Argon Basic AR Web App</title>
<link rel="apple-touch-icon" href="assets/sample_icon_57x57.png" />
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="arenabled" />
<style>
div.t1 {
	position: fixed;
	top: 100px;
	left: 40px;
}

div.t2 {
	position: absolute;
	top: 50;
	left: 30;
}
</style>
</head>
<body>

	<script src="http://pangbo.org/argon/jslog/jslog.js"></script>
	<script src="http://argon.gatech.edu/argon_o.js"></script>

	<div class='t1' id='touchable1'>This element is touchable 1.</div>
	<div class='t2' id='touchable2'>This element is touchable 2</div>


	<script>
		document.getElementById('touchable1').addEventListener('touchstart',function(ev) {

				if (ev.touches.item(0) == ev.targetTouches.item(0)) {

					document.getElementById('touchable1').innerHTML = 'touchable 1';
					console.log("touchable 1");
				}

		}, false);
		document.getElementById('touchable2').addEventListener('touchstart',function(ev) {

				if (ev.touches.item(0) == ev.targetTouches.item(0)) {

					document.getElementById('touchable2').innerHTML = 'touchable 2';
					console.log("touchable 2");
				}

		}, false);
</script>

</body>
</html>